<template>
  <div>
    <h1>【aty-input-money】 component demo</h1>
    <p>【aty-input-money】 金额输入框</p>
    <div class="fd-aty-input-box">
      <aty-row>
        <aty-title level="4">1.标准用法</aty-title>
        <aty-input-money
          label="haha"
          name="input"
          size="default"
          placeholder="placeholder"
          v-model="value" />
        <span>当前双向绑定的值: {{value}}, 双向绑定的值实际是number类型</span>
      </aty-row>
      <aty-row>
        <aty-title level="4">2.disable</aty-title>
        <aty-input-money
          name="input"
          size="default"
          disabled
          placeholder="placeholder"
          v-model="value2" />
      </aty-row>
      <aty-row>
        <aty-title level="4">3.不显示千分位</aty-title>
        <aty-input-money
          name="input"
          size="default"
          :thousandth="false"
          placeholder="placeholder"
          v-model="value3" />
      </aty-row>
      <aty-row>
        <aty-title level="4">4.不显示中文</aty-title>
        <aty-input-money
          name="input"
          size="default"
          :show-chinese="false"
          placeholder="placeholder"
          v-model="value4" />
      </aty-row>
      <aty-row>
        <aty-title level="4">5.小写中文</aty-title>
        <aty-input-money
          name="input"
          size="default"
          lower-chinese
          placeholder="placeholder"
          v-model="value5" />
      </aty-row>
    </div>
  </div>
</template>
<script>
/*
 * import  Test from './form-item.vue';
 *  import  Artery from  "../../../utils/Artery.js";
 */
export default {
  //  components:{Test},
  data () {
    return {
      value: 123.22,
      value2: 12,
      value3: 13,
      value4: 14,
      value5: 15,
      value6: 16,
      value7: 17,
      value8: 18
    }
  },
  methods: {

  },
  mounted () {

  }
}

</script>
<style  lang="less"  type="text/less"  >
    /*@import "~@/components/css/mixins/index.less";*/
    /*/!*出错*!/*/
    /*.input-error(aty-form-item);*/
    /*/!*确定中*!/*/
    /*.input-validate(aty-form-item);*/
    .fd-aty-input-box {
        padding: 30px;
        .aty-row {
            padding: 5px 0;
        }
        .fd-flex {
            display: flex;

            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: center;
            align-items: center;

        }
        .fd-flex-parent>* {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis:  200px;
            white-space: nowrap;
        }
        .fd-test {
            margin: 0 auto;
            width: 600px;
            line-height: 32px;
        }
        .fd-test>input,
        .fd-test>div,
        .fd-test>span {
            float: left;
            margin-right: 5px;
            width: auto;
        }
    }
</style>
